<template>
	<view class="content">
		<view class="list-bar f-r-s">
			<view class="icon" :style="{'background':themeColor}"></view>
			<text class="num">{{peopleType==1?'会员人数':peopleType==2?'客户人数':'订单数'}}: {{peopleNum||0}}</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				peopleNum:0,
				peopleType:1,//1 会员用户 2 累计客户 3 成交订单
			}
		},
		computed: {
		  themeColor() {
		    return this.$themeColor;
		  }
		},
		onLoad(option) {
			this.peopleNum=option.peopleNum?option.peopleNum:0;
		    this.peopleType=option.peopleType;
			let title=option.peopleType==1?'会员用户':option.peopleType==2?'累计客户':'成交订单';
			uni.setNavigationBarTitle({
			  title: title,
			});
		},
	}
</script>
<style>
	page{
		background: #f8f8f8;
	}
</style>
<style scoped lang="less">
	.list-bar{
		padding: 0 20rpx;
		border-radius: 20rpx;
		background: #fff;
		height: 100rpx;
		.icon{
			width: 8rpx;
			height: 30rpx;
			display: block;
			margin-right: 10rpx;
			border-radius: 4rpx;
			
		}
		.num{
			color: #000;
			font-weight: 500;
			font-size: 30rpx;
			
		}
		
	}
</style>